.topInfo {
  @apply pt-[28px] box-border pb-24px;
}
.personalInfo {
  height: 120px;
  @apply box-border px-[32px] flex flex-row items-center;
  .personAvatar {
    width: 120px;
    height: 120px;
    @apply object-cover block rounded-full mr-[16px];
  }
  .personDesc {
    @apply flex-1 flex flex-col justify-center gap-[16px] box-border self-stretch;
    .personName {
      @apply text-[#333333] text-[36px] font-500;
    }
    .personSubject {
      background: #0000000d;
      height: 48px;
      line-height: 48px !important;
      width: fit-content;
      @apply box-border px-[16px] text-[#666666] text-[24px] font-normal rounded-[30px];
      .personSubjectArrow {
        @apply inline-block ml-[4px];
      }
    }
  }
  .personJump {
    @apply justify-self-end;
  }
}
.personalList {
  @apply grid grid-cols-4 box-border px-[32px] mt-[48px];
  .personalListItem {
    @apply flex flex-col items-center;
    .personData {
      @apply text-[#333333] text-[40px] font-500;
    }
    .personDataLabel {
      @apply text-[#666666] text-[28px] mt-[16px];
    }
  }
}
.jumpNavsWrapper {
  @apply box-border px-[32px] pt-[24px];
  .jumpNavs {
    padding-top: 40px;
    padding-bottom: 38px;
    @apply grid grid-cols-4 bg-[#ffffff] rounded-[16px];
    .jumpNav {
      @apply flex flex-col items-center;
      .jumpNavImage {
        width: 68px;
        height: 68px;
        @apply object-cover block;
      }
      .jumpNavText {
        @apply text-[#333333] text-[26px] mt-[16px];
      }
    }
  }
}
.settings {
  @apply px-[32px] mx-[32px] bg-[#ffffff] rounded-[16px] mt-[16px];
  .setting {
    padding-top: 34px;
    padding-bottom: 34px;
    @apply text-[#333333] text-[28px] flex flex-row items-center;
    .settingText {
      @apply inline-block ml-[16px] flex-1;
    }
    .settingArrow {
      @apply justify-self-end;
    }
  }
}
.badge {
  --badge-size: 32px;
  --badge-color: #ffffff;
  --border-radius-max: 20px;
  --badge-font-size: 24px;
  --badge-font-weight: 400;
  --badge-background-color: #ff0000;
  // --badge-padding: 7px 9px;
}
